@extends('layouts.app')

@section('content')
    <div class="bg-base-100 p-6 rounded-2xl m-10 mb-10 mx-auto" style="width: 30rem">
        <form action="/loginLogic" method="post">

            <div class="flex flex-row w-100 justify-center items-center mb-10">
                <img src="/assets/images/book.png" style="width: 50px" alt="">
                <h1 class="text-2xl">极客图书</h1>
            </div>




            @csrf

            <label class="input input-bordered  flex items-center gap-2 mb-6">
                用户名
                <input type="text" class="grow" placeholder="" required name="name"  value="{{ old('name') }}"/>
            </label>

            <label class="input input-bordered flex items-center gap-2 mb-6">
                密码
                <input type="password" class="grow" placeholder="" required name="password" />
            </label>

            <label class="cursor-pointer label w-20">
                <input type="checkbox" checked="checked" class="checkbox"/>
                <span class="label-text">记住我</span>
            </label>

            <button class="btn btn-primary w-full mt-10">登录</button>

            <div class="flex flex-row w-100 justify-center items-center mt-4">
                <a href="/register" class=" link  text-md text-green-700">注册账户</a>
            </div>

        </form>
    </div>

@endsection
